<template lang="jade">
  swiper-component(:if-pagination="ifPagination")
    .swiper-slide(slot="", v-for="el in slides")
      h1 {{el}}
</template>

<script>
  import swiperComponent from 'swiper.vue'
  import Swiper from 'swiper'

  var swiper

  export default {
    name: 'swiperView',
    components: {
      swiperComponent
    },
    data() {
      return {
        slides: ['a', 'b', 'c'],
        ifPagination: true
      }
    },
    ready() {
      swiper = Swiper('.swiper-container', {
        pagination: '.swiper-pagination'
      })
    }
  }
</script>
